<extend name="work/baseuser"/>
<block name="content">
        <table class="layui-table text-center" id="list" lay-filter="list"
               list-url="{:url('/home/order/orderlists')}"
        ></table>
    <!-- end case-content -->
</block>
<block name="script">
    <script type="text/html" id="barDemo">
        <a class="layui-btn  layui-btn-xs ajax-form-no" href="{:url('/home/order/buyorder')}?id={{d.id}}"> <i class="fa fa-trash-o"></i>订购</a>
    </script>
    <script type="text/javascript">
        layui.use(['carousel', 'jquery', 'element', 'table', 'layer','lea'], function () {
            var carousel = layui.carousel
                , element = layui.element
                , layer = layui.layer
                ,table=layui.table
                , $ = layui.$;
            table.render({
                elem: '#list'
                , url: "{:Url('/home/order/orderlists')}"
                , page: true
                , limit: 20
                , cols: [[
                     {field: 'product_title',  width: 100,title: '产品'}
                    , {field: 'price', width: 100, title: '价格',align:'right'}
                    , {field: 'day', width: 100, title: '服务天数'}
                    , {field: 'title', title: '说明' }
                    ,{fixed: 'right', width:65,title:'操作',  toolbar:'#barDemo'}
                ]]
            });

            $('.app-header-menuicon').on('click', function () {
                $('.header-down-nav').toggleClass('down-nav')
            })

        });
    </script>
</block>